<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/3/8
  Time: 13:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>智能锁回收详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css"
          rel="stylesheet"/>

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script type="text/javascript"
            src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>
    <style type="text/css">
    	.td1{border:solid #CCCCCC;; border-width:0px 1px 1px 0px; padding:10px 0px; width: 30%;}
    	.td{border:solid black; border-width:0px 1px 1px 0px; padding:10px 0px; border-top: 1px solid black !important;}
    	.table{
    		float: left;
    		border: solid #CCCCCC;
    		border-width: 1px 0px 0px 1px;
   			width: 63%;
    		margin-left: 15px;
    	}
    	.h1{
    	    text-align: center;
    		font-size: 22px !important;
    		color: red !important;
    	}
		.jqGrid_wrapper{*+margin-left:270px;}
	
		.lt,.col-sm-3,.col-sm-8{float:left}
		.form-group{*+overflow:hidden;}
		.form-group label{width:28%\9;*+width:20%;text-align:right\9;*+text-align:right;}
		.col-sm-8 .m-t2 {width:30%\9; *+width:36%;}
		.form-group .col-sm-8{width:66%\9;*+width:66%;}
		.form-group .form-control{*+width:95%;}
		#sub{*+margin-right:10px;}
    </style>
</head>
<body>
<div class="col-sm-12">
    <form class="form-horizontal m-t" id="form" method="post"
          action="${pageContext.request.contextPath}/admin/tlocks_recovery.action">
        <input type="hidden" name="pids" value="${pids}">
         <div class="form-group">
            <label class="col-sm-3  control-label lt">回收智能锁数量:</label>
            <div class="col-sm-8 lt">
                 <input class="form-control" id="num"/>
            </div>
         </div>
         <div class="form-group">
         	<label class="col-sm-3  control-label lt">PID:</label>
           <table id="previewTable" class="table lt"></table>
        </div>
        <div class="form-group">
        	<h1 class="h1">警告：平台回收后的智能锁，将恢复到未发货前状态，已安装智能锁信息失效</h1>
        	<h1 class="h1">锁厂回收后的智能锁，将恢复到锁厂预安装状态，已安装智能锁信息失效</h1>
        </div>
    </form>
</div>
<script type="text/javascript">
$(function () {
	var arr = '${pids}'.split(",");
	var table=$("#previewTable");
	$("#num").val(arr.length);
	for (var i= 0; i < arr.length; i++) {
		 var tr=$("<tr><td class=\"td1\">"+arr[i]+"</td></tr>");
	        tr.appendTo(table);
	}
})
</script>
</body>
</html>
